import { login, logout, getInfo } from '@/api/user';
import { getToken, setToken, removeToken } from '@/utils/auth';
import router, { resetRouter, DynamicRouter, AsyncRoute, constantRoutes } from '@/router';

import { cloneDeep } from "lodash";


const getDefaultState = () => {
  return {
    token: getToken(),
    name: '',
    avatar: '',
    // 菜单信息
    routers: [],
    // 角色信息
    roles: [],
    // 按钮权限信息
    buttons: [],
    // 结果
    resultAsyncRouter: [],

    // 最终需要渲染的路由
    FinallyRouters: []
  };
};

const state = getDefaultState();

const mutations = {
  RESET_STATE: (state) => {
    Object.assign(state, getDefaultState());
  },
  SET_TOKEN: (state, token) => {
    state.token = token;
  },
  SET_NAME: (state, name) => {
    state.name = name;
  },
  SET_AVATAR: (state, avatar) => {
    state.avatar = avatar;
  },
  SET_RESULTROUTER: (state, resul) => {
    state.resultAsyncRouter = resul;

    state.FinallyRouters = [...constantRoutes, ...state.resultAsyncRouter, AsyncRoute];
    router.addRoutes(state.FinallyRouters);
  },
  CLEAR_FINA: (state) => {
    state.FinallyRouters = [];
  },
  SET_BUTTONS: (state, arr) => {
    state.buttons = arr;
  },
  CLEAR_BUTTONS: (state) => {
    state.buttons = [];
  }
};



function filterRouters(AsyncRoute, routers) {
  return AsyncRoute.filter(item => {
    if (routers.includes(item.name)) {
      if (item.children && item.children.length) {
        item.children = filterRouters(item.children, routers);
      }
      return true;
    }

  });
}

const actions = {
  // user login
  login({ commit }, userInfo) {
    const { username, password } = userInfo;
    return new Promise((resolve, reject) => {
      login({ username: username.trim(), password: password }).then(response => {
        const { data } = response;
        commit('SET_TOKEN', data.token);
        setToken(data.token);
        resolve();
      }).catch(error => {
        reject(error);
      });
    });
  },

  // get user info
  getInfo({ commit }) {
    return new Promise((resolve, reject) => {
      getInfo().then(response => {
        const { data } = response;

        if (!data) {
          return reject('Verification failed, please Login again.');
        }

        const { name, avatar, routes, buttons } = data;

        commit('SET_NAME', name);
        commit('SET_AVATAR', avatar);
        commit('SET_BUTTONS', buttons);





        commit('SET_RESULTROUTER', filterRouters(cloneDeep(DynamicRouter), routes));


        resolve(data);
      }).catch(error => {
        reject(error);
      });
    });
  },

  // user logout
  logout({ commit, state }) {
    return new Promise((resolve, reject) => {
      logout(state.token).then(() => {
        removeToken(); // must remove  token  first
        resetRouter();
        commit('RESET_STATE');
        commit('CLEAR_FINA');
        commit('CLEAR_BUTTONS');
        resolve();
      }).catch(error => {
        reject(error);
      });
    });
  },

  // remove token
  resetToken({ commit }) {
    return new Promise(resolve => {
      removeToken(); // must remove  token  first
      commit('RESET_STATE');
      resolve();
    });
  }
};



export default {
  namespaced: true,
  state,
  mutations,
  actions,
}

